<#if ctrl.render??>
${ctrl.render.code}
<#else>
<layout class="app-wizard">
<#if ctrl.getPSDEWizard?? && ctrl.getPSDEWizard()?? && ctrl.getPSDEWizard().getPSDEWizardSteps?? && ctrl.getPSDEWizard().getPSDEWizardSteps()??>
<el-steps class="wizard-steps" align-center  :active="wizardForms.indexOf(activeForm)" finish-status="success" align-center>
<#list ctrl.getPSDEWizard().getPSDEWizardSteps() as step>
    <el-step title="${step.getTitle()}"></el-step>
</#list>
</el-steps>
</#if>
    <i-content class="app-wizard-content">
<#if ctrl.getPSDEEditForms()??>
<#list ctrl.getPSDEEditForms() as form>
<#assign handler = form.getPSAjaxControlHandler() />
        <view_${form.getName()} 
            v-show="activeForm == '${form.getName()}'" 
            :key="'${form.name}'" 
            :viewState='wizardState'
            :context="context"
            :viewparams="viewparams"
            updateAction="<#if form.getUpdatePSControlAction()?? && form.getUpdatePSControlAction().getPSAppDEMethod()??>${form.getUpdatePSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
            removeAction="<#if form.getRemovePSControlAction()?? && form.getRemovePSControlAction().getPSAppDEMethod()??>${form.getRemovePSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
            loadAction="<#if form.getGetPSControlAction()?? && form.getGetPSControlAction().getPSAppDEMethod()??>${form.getGetPSControlAction().getPSAppDEMethod().getCodeName()}</#if>"
    <#if form.getHookEventNames()??>
    <#list form.getHookEventNames() as eventName>
            @${eventName?lower_case}="${form.name}_${eventName?lower_case}.apply(_self, arguments)" 
    </#list>
    </#if>
            name='${form.name}' 
            ref='${form.name}'>
        </view_${form.getName()}>
</#list>
</#if>
    </i-content>
    <footer class="app-wizard-footer">
        <i-button :disabled="isDisabled('PREV')" @click="onClickPrev()" type="primary">{{$t('app.wizardPanel.back')}}</i-button>
        <i-button :disabled="isDisabled('NEXT')" @click="onClickNext()" type="primary">{{$t('app.wizardPanel.next')}}</i-button>
        <i-button :disabled="isDisabled('FINISH')" @click="onClickFinish()" type="primary">{{$t('app.wizardPanel.complete')}}</i-button>
    </footer>
</layout>
</#if>